@font-face {
  font-family: 'xcj';
  src: url('../font/Montserrat-Bold.otf'), url('../font/Montserrat-Regular.otf');
}
html {
  overflow-x: hidden;
  width: 100vw;
}
header {
  width: 100vw;
  height: 6.25vw;
  background-color: #1F3970;
}
.logo {
  position: absolute;
  left: 50%;
  top: 1.5625vw;
  margin-left: -8.359375vw;
  width: 16.71875vw;
  height: 4.42708333vw;
  background-image: url('../images/logo.png');
  background-size: 100% 100%;
}
.icon-arrow-down-bold:before {
  font-size: 0.625vw;
}
.header_left {
  position: absolute;
  left: 13.54166667vw;
  top: 3.22916667vw;
  width: 23.59375vw;
  height: 1.09375vw;
  font-size: 0.83333333vw;
  color: #FFFFFF;
}
.header_left ul {
  width: 100%;
  height: 100%;
}
.header_left ul li,
.header_right ul li {
  position: relative;
  z-index: 5;
  float: left;
  margin-left: 1.71875vw;
}
.pass {
  margin-left: 0 !important;
}
.header_left ul li span,
.header_right ul li span {
  cursor: pointer;
  position: absolute;
  left: 3.54166667vw;
}
.header_right {
  position: absolute;
  right: 13.54166667vw;
  top: 3.22916667vw;
  width: 23.59375vw;
  height: 1.09375vw;
  font-size: 0.83333333vw;
  color: #FFFFFF;
}
.header_right ul {
  width: 100%;
  height: 100%;
}
.header_left .ul,
.header_right .ul {
  position: absolute;
  display: none;
  width: 3.33333333vw;
  height: 7.8125vw;
  margin-left: -1.71875vw;
}
.header_left .ul li,
.header_right .ul li {
  cursor: pointer;
  height: 1.82291667vw;
  width: 100%;
  color: #000;
  text-align: center;
  line-height: 1.82291667vw;
  background-color: #FFFFFF;
  border-bottom: 0.5px solid #B63C3C;
  border-left: 0.5px solid #B63C3C;
  border-right: 0.5px solid #B63C3C;
}
.banner {
  position: relative;
}
.banner,
.swiper {
  width: 100vw;
  height: 41.14583333vw;
}
.swiper_father {
  position: relative;
  --swiper-navigation-size: 0;
}
.swiper_father .swiper-button-prev {
  width: 3.48958333vw;
  height: 3.48958333vw;
  left: 15.26041667vw;
}
.swiper_father .swiper-button-next {
  width: 3.48958333vw;
  height: 3.48958333vw;
  right: 15.26041667vw;
}
.str1,
.str2 {
  font-family: xcj;
}
.str1 {
  font-size: 1.875vw;
  color: #D5A770;
}
.str2 {
  font-size: 1.14583333vw;
  color: #fff;
}
.swiper-pagination-custom {
  bottom: 3.90625vw !important;
  left: 9.94791667vw !important;
  width: 10% !important;
}
.intro {
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: center;
  z-index: 5;
  top: 33.85416667vw;
  left: 26.875vw;
  width: 59.58333333vw;
  height: 7.29166667vw;
  background: #FFFFFF;
  border-radius: 0.52083333vw 0.52083333vw 0 0;
  opacity: 0.9;
}
.intro .span {
  position: relative;
  width: 13.85416667vw;
  height: 5.625vw;
  opacity: 1;
  border-radius: 0.52083333vw 0.52083333vw 0.52083333vw 0.52083333vw;
}
.intro .span:nth-of-type(1) {
  background: linear-gradient(180deg, #115E90 0%, #1F3970 100%);
}
.intro .span:nth-of-type(2) {
  background: linear-gradient(180deg, #007182 0%, #014955 100%);
}
.intro .span:nth-of-type(3) {
  background: linear-gradient(180deg, #C94340 0%, #8D2C36 100%);
}
.intro .span:nth-of-type(4) {
  background: linear-gradient(180deg, #16A18C 0%, #00705F 100%);
}
.intro_left {
  position: absolute;
  top: 1.5625vw;
  left: 1.04166667vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 3.75vw;
  height: 2.65625vw;
  font-family: xcj;
  font-weight: bold;
  color: #FFE082;
}
.intro_left span:nth-of-type(1) {
  width: 5.20833333vw;
  height: 0.72916667vw;
  font-size: 0.625vw;
}
.intro_left span:nth-of-type(2) {
  width: 5.20833333vw;
  height: 1.5625vw;
  font-size: 1.04166667vw;
}
.intro_right_top {
  position: absolute;
  left: 10.3125vw;
  top: 1.04166667vw;
  font-family: xcj;
  font-size: 0.83333333vw;
  color: #FFE082;
  font-weight: bold;
  width: 3.69791667vw;
  height: 1.09375vw;
}
.other {
  left: 9.11458333vw;
}
.intro_right_bottom {
  position: absolute;
  top: 2.5vw;
  left: 10.72916667vw;
  width: 2.08333333vw;
  height: 2.08333333vw;
}
.wenshu {
  left: 10.15625vw;
}
.gulou {
  left: 10.98958333vw;
}
.icon-zhujixiang:before,
.icon-a-wenshushuba:before,
.icon-gulouli:before,
.icon-dasongyuhe:before {
  font-size: 2.08333333vw;
}
.survey {
  position: relative;
  width: 100vw;
  height: 29.89583333vw;
  background-image: url('../images/bg1.png');
}
.survey_title1 {
  position: absolute;
  left: 13.54166667vw;
  top: 3.125vw;
  display: flex;
}
.survey_title1 span {
  font-family: xcj;
  flex: 1;
  font-size: 2.08333333vw;
  font-weight: bold;
}
.survey_title1 span:nth-child(2) {
  color: #1F3970;
}
.survey_title2 {
  position: absolute;
  left: 13.54166667vw;
  top: 5.78125vw;
  color: #D5DCEB;
  font-weight: bold;
  font-family: xcj;
}
.survey_title3 {
  position: absolute;
  left: 13.54166667vw;
  top: 10.88541667vw;
  width: 26.77083333vw;
  height: 4.11458333vw;
  color: #9FA1A8;
  font-size: 0.83333333vw;
  line-height: 1.51041667vw;
  font-family: xcj;
}
.survey_title4 {
  position: absolute;
  left: 13.54166667vw;
  top: 21.51041667vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 7.60416667vw;
  height: 2.39583333vw;
}
.survey_title4 span:nth-child(1) {
  width: 4.58333333vw;
  height: 1.51041667vw;
  color: #1B1F27;
  font-family: xcj;
  font-size: 1.14583333vw;
}
.survey_title4 span:nth-child(2) {
  cursor: pointer;
  width: 2.39583333vw;
  height: 2.39583333vw;
}
.survey_title5 {
  position: absolute;
  left: 41.19791667vw;
  top: 9.79166667vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 8.85416667vw;
  height: 14.0625vw;
}
.survey_title5 .survey_span {
  width: 8.85416667vw;
  height: 5.72916667vw;
  border-top: 1px solid #FFEFBE;
}
.survey_title5_content {
  position: absolute;
  left: 0.88541667vw;
  top: 1.09375vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 8.85416667vw;
  height: 4.63541667vw;
}
.survey_title5_content span:nth-child(2) {
  font-size: 0.83333333vw;
  color: #1B1F27;
}
.survey_title5_content span:nth-child(3) {
  font-size: 1.35416667vw;
  color: #1F3970;
}
.add {
  top: 9.375vw;
}
.icon-renminbi:before,
.icon-shijianchuo:before {
  font-size: 1.35416667vw;
}
.survey_general {
  position: absolute;
  z-index: 5;
  left: 54.27083333vw;
  top: 3.125vw;
  width: 32.1875vw;
  height: 23.64583333vw;
}
.survey_bg {
  position: absolute;
  left: 64.21875vw;
  width: 35.78125vw;
  height: 29.89583333vw;
  background-color: #115E90;
}
.survey_gaikuang {
  position: absolute;
  left: 22.23958333vw;
  top: 6.61458333vw;
  width: 7.8125vw;
  height: 18.22916667vw;
}
.enterprise {
  position: relative;
  width: 100vw;
  height: 51.61458333vw;
  background-color: #1F3970;
}
.enterprise_img1 {
  position: absolute;
  left: 0;
  top: 29.94791667vw;
  width: 21.66666667vw;
  height: 21.66666667vw;
}
.enterprise_img2 {
  position: absolute;
  right: 0;
  top: 8.95833333vw;
  width: 23.28125vw;
  height: 23.28125vw;
}
.enterprise_title1 {
  position: absolute;
  left: 13.54166667vw;
  top: 3.125vw;
  display: flex;
  width: 8.33333333vw;
  height: 2.70833333vw;
}
.enterprise_title1 span {
  flex: 1;
  font-size: 2.08333333vw;
  font-weight: bold;
  font-family: xcj;
}
.enterprise_title1 span:nth-child(1) {
  color: #FFFFFF;
}
.enterprise_title1 span:nth-child(2) {
  color: #DDB467;
}
.enterprise_title2 {
  position: absolute;
  left: 13.54166667vw;
  top: 5.78125vw;
  width: 14.11458333vw;
  height: 1.40625vw;
  color: #2B4E96;
  font-size: 0.625vw;
  font-weight: bold;
  font-family: xcj;
}
.enterprise_title3 {
  position: absolute;
  left: 36.04166667vw;
  top: 3.125vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50vw;
  height: 9.47916667vw;
}
.enterprise_title3 span:nth-child(1) {
  width: 6.25vw;
  height: 2.08333333vw;
  color: #FFFFFF;
  font-size: 1.5625vw;
  font-family: xcj;
}
.enterprise_title3 span:nth-child(2) {
  width: 50vw;
  height: 2.60416667vw;
  line-height: 1.51041667vw;
  font-size: 0.83333333vw;
  color: #94ACE0;
  font-family: xcj;
}
.enterprise_title3 span:nth-child(3) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 7.60416667vw;
  height: 2.39583333vw;
}
.enterprise_title3 span:nth-child(3) span:nth-child(1) {
  width: 4.58333333vw;
  height: 1.51041667vw;
  font-size: 1.14583333vw;
}
.enterprise_title3 span:nth-child(3) span:nth-child(2) {
  cursor: pointer;
  width: 2.39583333vw;
  height: 2.39583333vw;
}
.enterprise_dh {
  position: absolute;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  left: 13.54166667vw;
  top: 14.63541667vw;
  width: 72.91666667vw;
  height: 5.20833333vw;
}
.enterprise_dh span {
  cursor: pointer;
  position: relative;
  width: 18.02083333vw;
  height: 5.20833333vw;
  background-color: #fff;
  border-radius: 0.3125vw 0.3125vw 0.3125vw 0px;
}
.enterprise_dh_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 8.125vw;
  height: 1.5625vw;
}
.enterprise_dh_content span:nth-child(1) {
  width: 1.92708333vw;
  height: 1.5625vw;
}
.enterprise_dh_content span:nth-child(2) {
  width: 5.41666667vw;
  height: 1.5625vw;
  color: #1F3970;
  font-family: xcj;
  line-height: 1.82291667vw;
  font-size: 1.35416667vw;
}
.icon-wenhualvyou:before,
.icon-kongguqiye:before,
.icon-jinrongfuwu:before {
  font-size: 1.5625vw;
}
.enterprise_dh_xian {
  position: absolute;
  left: 0.41666667vw;
  width: 17.1875vw;
  height: 0.20833333vw;
  background: #DDB467;
  border-radius: 0.3125vw 0.3125vw 0.3125vw 0.3125vw;
  opacity: 0;
}
.enterprise_bg {
  position: absolute;
  left: 13.54166667vw;
  top: 19.84375vw;
  width: 72.91666667vw;
  height: 28.64583333vw;
  border-radius: 0.3125vw 0.3125vw 0.3125vw 0px;
}
.enterprise_bg_img {
  position: absolute;
  z-index: 2;
  opacity: 0;
}
.enterprise_number {
  position: absolute;
  z-index: 4;
  left: 26.5625vw;
  top: 33.85416667vw;
  width: 13.17708333vw;
  height: 15.20833333vw;
  font-size: 11.45833333vw;
  font-weight: bold;
  font-family: xcj;
  color: #FFFFFF;
  line-height: 15.20833333vw;
}
.enterprise_intro {
  position: absolute;
  z-index: 5;
  left: 14.58333333vw;
  top: 25.57291667vw;
  width: 23.95833333vw;
  height: 21.875vw;
  background: #FFFFFF;
  border-radius: 1.04166667vw 1.04166667vw 1.04166667vw 1.04166667vw;
  opacity: 0.9;
}
.enterprise_intro_content {
  position: absolute;
  opacity: 1;
  width: 23.95833333vw;
  height: 21.875vw;
  opacity: 0;
}
.enterprise_intro_content_x {
  position: absolute;
  left: 2.60416667vw;
  top: 2.5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 18.80208333vw;
  height: 16.875vw;
}
.enterprise_intro_content_x span:nth-child(1) {
  width: 18.75vw;
  height: 5.625vw;
  color: #1F3970;
  font-size: 1.5625vw;
  font-family: xcj;
  font-weight: bold;
}
.enterprise_intro_content_x span:nth-child(2) {
  width: 18.80208333vw;
  height: 5.78125vw;
  color: #868686;
  font-size: 0.83333333vw;
  line-height: 1.5625vw;
  font-family: xcj;
  font-weight: bold;
  /* 超出部分隐藏 */
  overflow: hidden;
  /* 转换为弹性伸缩盒子模型显示 */
  display: -webkit-box;
  /* 第几行超出的文字用省略号显示 */
  -webkit-line-clamp: 4;
  /* 设置或检索伸缩盒子对象的子元素的排列方式 vertical垂直居中 */
  -webkit-box-orient: vertical;
}
.enterprise_intro_content_x span:nth-child(3) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 4.42708333vw;
  height: 1.71875vw;
  border-bottom: 1px solid #DDB467;
}
.enterprise_intro_content_x span:nth-child(3) span:nth-child(1) {
  width: 3.33333333vw;
  height: 1.09375vw;
  color: #DDB467;
  font-size: 0.83333333vw;
  font-family: xcj;
}
.enterprise_intro_content_x span:nth-child(3) span:nth-child(2) {
  width: 0.67708333vw;
  height: 1.09375vw;
  text-align: center;
  line-height: 1.09375vw;
}
.icon-insert-right-full:before {
  font-size: 0.625vw;
}
.enterprise_dh_number {
  position: absolute;
  z-index: 5;
  left: 67.23958333vw;
  top: 42.34375vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 18.17708333vw;
  height: 5.10416667vw;
  background: #FFFFFF;
  border-radius: 2.86458333vw 2.86458333vw 2.86458333vw 2.86458333vw;
}
.enterprise_dh_number span {
  cursor: pointer;
  border-radius: 50%;
  width: 4.32291667vw;
  height: 4.375vw;
  text-align: center;
  line-height: 4.375vw;
  color: #1F3970;
  font-size: 1.30208333vw;
  font-family: xcj;
  font-weight: bold;
}
.project {
  position: relative;
  width: 100vw;
  height: 38.48958333vw;
  background-image: url('../images/bg7.png');
}
.project_title1 {
  position: absolute;
  display: flex;
  width: 8.33333333vw;
  height: 2.70833333vw;
  left: 13.54166667vw;
  top: 3.125vw;
}
.project_title1 span {
  flex: 1;
  font-size: 2.08333333vw;
  font-family: xcj;
  font-weight: bold;
}
.project_title1 span:nth-child(1) {
  color: #23252C;
}
.project_title1 span:nth-child(2) {
  color: #1F3970;
}
.project_title2 {
  position: absolute;
  width: 9.27083333vw;
  height: 1.40625vw;
  left: 13.54166667vw;
  top: 5.78125vw;
  font-family: xcj;
  font-weight: bold;
  color: #D5DCEB;
  font-size: 0.83333333vw;
}
.project_title3 {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 7.60416667vw;
  height: 2.39583333vw;
  left: 78.85416667vw;
  top: 4.47916667vw;
}
.project_title3 span:nth-child(1) {
  width: 4.58333333vw;
  height: 1.51041667vw;
}
.project_title3 span:nth-child(2) {
  width: 2.39583333vw;
  height: 2.39583333vw;
}
.project_left {
  position: absolute;
  width: 18.02083333vw;
  height: 21.875vw;
  left: 13.54166667vw;
  top: 8.80208333vw;
  overflow: hidden;
}
.project_left_content {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 18.02083333vw;
  height: 36.45833333vw;
  border-radius: 0.3125vw 0.3125vw 0.3125vw 0.3125vw;
}
.project_left_content .span1 {
  flex: 1;
  background-color: #F7F9FF;
  border-radius: 0.3125vw 0.3125vw 0.3125vw 0.3125vw;
}
.project_left_content_intro {
  margin-top: 1.51041667vw;
  margin-left: 2.08333333vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 12.76041667vw;
  height: 3.125vw;
}
.project_left_content_intro span:nth-child(1) {
  display: flex;
  flex-direction: column;
  width: 7.5vw;
  height: 3.125vw;
}
.project_left_content_intro span:nth-child(1) span:nth-child(1) {
  color: #DDB467;
  width: 7.5vw;
  height: 1.77083333vw;
  font-size: 1.77083333vw;
  font-family: xcj;
  font-weight: bold;
}
.project_left_content_intro span:nth-child(1) span:nth-child(2) {
  color: #23252C;
  width: 7.5vw;
  margin-top: 0.10416667vw;
  height: 1.25vw;
  font-size: 1.25vw;
  font-family: xcj;
}
.project_left_content_intro span:nth-child(2) {
  width: 2.39583333vw;
  height: 2.39583333vw;
  text-align: center;
  line-height: 2.39583333vw;
}
.project_right {
  position: absolute;
  left: 32.60416667vw;
  top: 8.80208333vw;
  width: 53.85416667vw;
  height: 21.875vw;
  display: flex;
  justify-content: space-between;
  border-radius: 0.3125vw 0.3125vw 0.3125vw 0.3125vw;
  opacity: 0;
}
.project_right_left,
.project_right_right {
  width: 26.40625vw;
  height: 21.875vw;
  display: flex;
  flex-direction: column;
}
.project_right .top_title {
  margin-top: 1.40625vw;
  margin-left: 1.5625vw;
  width: 1.61458333vw;
  height: 1.66666667vw;
  font-size: 1.25vw;
  color: #FFFFFF;
}
.project_right_left .top {
  background-image: url('../images/bg8.png');
  background-size: 100%;
}
.project_right_right .top {
  background-image: url('../images/bg9.png');
  background-size: 100%;
}
.project_right .top {
  width: 26.40625vw;
  height: 15.98958333vw;
}
.project_right .down {
  width: 26.40625vw;
  height: 5.88541667vw;
  background-color: #F7F9FF;
}
.project_right .down_title {
  width: 23.80208333vw;
  height: 2.8125vw;
  margin-top: 1.51041667vw;
  margin-left: 2.1875vw;
  display: flex;
  justify-content: space-between;
}
.down_title_left {
  display: flex;
  flex-direction: column;
  width: 8.75vw;
  height: 2.8125vw;
}
.down_title_right {
  width: 2.39583333vw;
  height: 2.39583333vw;
  margin-right: 1.5625vw;
}
.down_title_left span:nth-child(1) {
  width: 5.20833333vw;
  height: 0.98958333vw;
  color: #9CA5B9;
  font-size: 0.72916667vw;
  font-family: xcj;
}
.down_title_left span:nth-child(2) {
  margin-top: 0.15625vw;
  width: 16.25vw;
  height: 1.61458333vw;
  color: #23252C;
  font-size: 1.25vw;
  font-family: xcj;
  font-weight: bold;
}
.project_right .num1 {
  position: absolute;
  left: 1.04166667vw;
  top: 17.70833333vw;
  width: 0.78125vw;
  height: 0.10416667vw;
  background-color: #DDB467;
}
.project_right .num2 {
  position: absolute;
  left: 28.64583333vw;
  top: 17.70833333vw;
  width: 0.78125vw;
  height: 0.10416667vw;
  background-color: #DDB467;
}
.project_dh {
  position: absolute;
  left: 32.60416667vw;
  top: 32.34375vw;
  width: 42.8125vw;
  height: 2.76041667vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.project_dh_num1,
.project_dh_num2 {
  margin-top: 1.5625vw;
  width: 2.39583333vw;
  height: 2.76041667vw;
}
.project_dh_xian {
  width: 35.67708333vw;
  height: 0.10416667vw;
  display: flex;
}
.project_dh_xian span {
  flex: 1;
  background-color: red;
}
.project_yuan {
  position: absolute;
  left: 79.47916667vw;
  top: 32.23958333vw;
  width: 7.03125vw;
  height: 3.125vw;
  display: flex;
  justify-content: space-between;
}
.project_yuan span {
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 50%;
  text-align: center;
  line-height: 3.125vw;
  background-color: red;
}
